<template>
	<view class="house">

		<life-empty v-if="!houseList.length" url="/pkg-house/add-house/add-house" @click-text='onClick'
			tip="您还没有认证房屋,请点击">
		</life-empty>
		<view v-else class="house" @click="onDetail">
			<house-item></house-item>
			<house-item></house-item>
			<house-item></house-item>
			<house-item></house-item>
			<life-button icon="../../static/icon/add.png">添加新房屋</life-button>
		</view>
	</view>
</template>

<script>
	import {
		getHouseList
	} from '@/api/house.js'
	export default {
		data() {
			return {
				houseList: []
			}
		},
		onLoad() {
			this.loadHouseList()
		},
		methods: {
			onClick() {
				console.log('弹层')
			},
			async loadHouseList() {
				const res = await getHouseList()
				this.houseList = res.data
			},
			onDetail() {
				uni.navigateTo({
					url: '/pkg-house/add-house/add-house'
				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.house {
		height: 100%;
		background-color: #FAFAFA;
	}
</style>
